<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta
      name="viewport"
      content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"
    />
    <title>携程旅行-酒店预订,机票预订查询,旅游度假,商旅管理-携程无线官网</title>
    <link rel="stylesheet" href="css/normalize.css" />
    <link rel="stylesheet" href="css/index.css" />
  </head>
  <body>
    <!-- 搜索框部分  -->
    <div class="search-box">
      <div class="search">
        <span>搜索：内容/旅游等等</span>
      </div>
      <div class="login">
        <span>我的</span>
      </div>
    </div>
    <!-- 焦点图部分 -->
    <div class="focus">
      <a href="#"><img src="images/banner.jpg" alt=""></a>
    </div>
    <!-- local-nav部分 -->
    <ul class="local-nav">
      <li>
        <a href="#">
          <i></i>
          <span>旅游·景点</span>
        </a>
      </li>
      <li>
        <a href="#">
          <i></i>
          <span>旅游·景点</span>
        </a>
      </li>
      <li>
        <a href="#">
          <i></i>
          <span>旅游·景点</span>
        </a>
      </li>
      <li>
        <a href="#">
          <i></i>
          <span>旅游·景点</span>
        </a>
      </li>
      <li>
        <a href="#">
          <i></i>
          <span>旅游·景点</span>
        </a>
      </li>
    </ul>
    <!-- 主Nav部分 -->
    <nav class="nav">
      <div class="nav-common">
        <a href="#">
          <span>酒店</span>
        </a>
        <a href="#">
          <span>民宿·客栈</span>
        </a>
        <a href="#">
          <span>特价·爆款</span>
        </a>
      </div>
      <div class="nav-common">
        <a href="#">
          <span>机票</span>
        </a>
        <a href="#">
          <span>火车票</span>
        </a>
        <a href="#">
          <span>汽车·船票</span>
        </a>
        <a href="#">
          <span>专车·租车</span>
        </a>
      </div>
      <div class="nav-common">
        <a href="#">
          <span>旅游</span>
        </a>
        <a href="#">
          <span>高铁游</span>
        </a>
        <a href="#">
          <span>游轮游</span>
        </a>
        <a href="#">
          <span>定制游</span>
        </a>
      </div>
    </nav>
    <!-- sub nav 部分 -->
    <ul class="subnav-entry">
      <li><a href="#"><i></i><span>自由行</span></a></li>
      <li><a href="#"><i></i><span>自由行</span></a></li>
      <li><a href="#"><i></i><span>自由行</span></a></li>
      <li><a href="#"><i></i><span>自由行</span></a></li>
      <li><a href="#"><i></i><span>自由行</span></a></li>
      <li><a href="#"><i></i><span>自由行</span></a></li>
      <li><a href="#"><i></i><span>自由行</span></a></li>
      <li><a href="#"><i></i><span>自由行</span></a></li>
      <li><a href="#"><i></i><span>自由行</span></a></li>
      <li><a href="#"><i></i><span>自由行</span></a></li>
    </ul>
    <!-- 热门活动 -->
    <div class="sales-box">
      <div class="sales-hd">
        <h2><i></i></h2>
        <a href="#" class="more">获取更多福利</a>
      </div>
      <div class="sales-bd">
        <a href="#"><img src="images/activity_01.png" alt=""><span>广告</span></a>
        <a href="#"><img src="images/activity_02.jpg" alt=""><span>广告</span></a>
      </div>
    </div>
    
  </body>
</html>
